﻿<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" mc:Ignorable="d" x:Class="MainGameModule.Views.TutorialView"
    FontFamily="Segoe UI">

    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/YourWorld.Common;component/Styles/CommonResourcesDictionary.xaml" />
            </ResourceDictionary.MergedDictionaries>
        <DataTemplate x:Key="MenuButtonTemplate">
            <TextBlock Text="{Binding}"
                       Cursor="Hand"
                       Margin="10 0 10 0"
                       HorizontalAlignment="Center"
                       VerticalAlignment="Center"
                       FontFamily="Segoe UI"
                       Foreground="White"
                       FontSize="14"
                       FontWeight="Bold"
                       FontStyle="Italic" />
        </DataTemplate>
        <Style x:Key="MenuButtonStyle"
               TargetType="Button">
            <Setter Property="Background"
                    Value="#FF1F3B53" />
            <Setter Property="Foreground"
                    Value="#FF000000" />
            <Setter Property="Padding"
                    Value="3" />
            <Setter Property="BorderThickness"
                    Value="1" />
            <Setter Property="BorderBrush">
                <Setter.Value>
                    <LinearGradientBrush EndPoint="0.5,1"
                                         StartPoint="0.5,0">
                        <GradientStop Color="#FFA3AEB9"
                                      Offset="0" />
                        <GradientStop Color="#FF8399A9"
                                      Offset="0.375" />
                        <GradientStop Color="#FF718597"
                                      Offset="0.375" />
                        <GradientStop Color="#FF617584"
                                      Offset="1" />
                    </LinearGradientBrush>
                </Setter.Value>
            </Setter>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Grid x:Name="grid"
                              RenderTransformOrigin="0.5,0.5">
                            <Grid.RenderTransform>
                                <CompositeTransform />
                            </Grid.RenderTransform>
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal" />
                                    <VisualState x:Name="Disabled" />
                                    <VisualState x:Name="MouseOver">
                                        <Storyboard>
                                    		<DoubleAnimation Duration="0"
                                    			To="0"
                                    			Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.Rotation)"
                                    			Storyboard.TargetName="grid" />
                                    		<DoubleAnimation Duration="0" To="1.25" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="grid" />
                                    		<DoubleAnimation Duration="0" To="1.25" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="grid" />
                                    	</Storyboard>
                                    </VisualState>
                                    <!--<VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <DoubleAnimation Duration="0"
                                                             To="10"
                                                             Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)"
                                                             Storyboard.TargetName="grid" />
                                        </Storyboard>
                                    </VisualState>-->
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="FocusStates">
                                    <VisualState x:Name="Focused">
                                        <!--<Storyboard>
                                            <DoubleAnimation Duration="0"
                                                             To="1"
                                                             Storyboard.TargetProperty="Opacity"
                                                             Storyboard.TargetName="FocusVisualElement" />
                                        </Storyboard>-->
                                    </VisualState>
                                    <VisualState x:Name="Unfocused" />
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <ContentPresenter Content="{TemplateBinding Content}" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        </ResourceDictionary>
    </UserControl.Resources>
        
        <Grid x:Name="Tutorial"
              Height="500"
              Width="750">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>

            <Path x:Name="BackgroundRectangle"
                  Grid.RowSpan="3"
                  Data="M187.2383,141.7393C187.2383,141.7393,176.3913,144.7943,172.5713,149.0723C164.2383,158.4063,166.5713,209.7393,165.2383,221.7393C163.9053,233.7393,163.9053,364.4073,165.2383,397.0733C166.5713,429.7393,165.2383,441.7393,167.9053,452.4053C170.5713,463.0733,178.5713,462.4053,187.2383,465.7393C195.9053,469.0733,317.9053,475.0733,335.2383,475.0733C352.5713,475.0733,497.2383,476.4073,523.9053,475.0733C550.5723,473.7393,617.2393,476.4053,630.5723,469.7393C643.9053,463.0733,651.2383,452.4053,651.2383,435.7393C651.2383,419.0733,652.5713,301.0723,651.2383,249.0723C649.9053,197.0723,651.8313,159.3863,645.9053,150.4063C641.9333,144.3863,629.2383,143.7393,617.9053,141.7393C606.5723,139.7393,419.9053,137.7393,381.2383,138.4063C342.5713,139.0723,187.2383,141.7393,187.2383,141.7393z"
                  Stretch="Fill">
                <Path.Effect>
                    <DropShadowEffect Opacity="0.5" />
                </Path.Effect>
                <Path.Fill>
                    <RadialGradientBrush RadiusX="0.8">
                        <GradientStop Color="#FFD1E778" />
                        <GradientStop Color="#FF4A6305"
                                      Offset="1" />
                    </RadialGradientBrush>
                </Path.Fill>
            </Path>

        <TextBlock Margin="20"
                   FontFamily="Segoa UI"
                   FontSize="35"
                   Foreground="White"
                   FontWeight="ExtraBold"
                   Text="TUTORIAL"
                   HorizontalAlignment="Center"
                   VerticalAlignment="Center" />

        <Button x:Name="CloseButton"
                    Grid.Row="0"
                HorizontalAlignment="Right"
                VerticalAlignment="Top"
                Margin="0 20 10 0"
                Style="{StaticResource CloseButtonStyle}"
                Command="{Binding CloseTutorialCommand}" />

            <StackPanel Orientation="Horizontal"
                        Grid.Row="1"
                        Margin="10 0 10 0"
                        HorizontalAlignment="Center">
                <Button Content="What is Green World"
                        x:Name="WhatIsGreenWorldButton"
                        Click="WhatIsGreenWorldButton_Click"
                        ContentTemplate="{StaticResource MenuButtonTemplate}"
                        Style="{StaticResource MenuButtonStyle}" />
                <Button Content="Getting Started"
                        x:Name="GettingStartedButton"
                        Click="GettingStartedButton_Click"
                        ContentTemplate="{StaticResource MenuButtonTemplate}"
                        Style="{StaticResource MenuButtonStyle}" />
                <Button Content="How to Play"
                        x:Name="HowToPlayButton"
                        Click="HowToPlayButton_Click"
                        ContentTemplate="{StaticResource MenuButtonTemplate}"
                        Style="{StaticResource MenuButtonStyle}" />
                <Button Content="Playing Together"
                        x:Name="PlayingTogetherButton"
                        Click="PlayingTogetherButton_Click"
                        ContentTemplate="{StaticResource MenuButtonTemplate}"
                        Style="{StaticResource MenuButtonStyle}" />
                <Button Content="The Late Game"
                        x:Name="TheLateGameButton"
                        Click="TheLateGameButton_Click"
                        ContentTemplate="{StaticResource MenuButtonTemplate}"
                        Style="{StaticResource MenuButtonStyle}" />
            </StackPanel>
            <Grid Grid.Row="2"
                  Margin="30 10 30 40"
                  HorizontalAlignment="Stretch"
                  VerticalAlignment="Stretch">

            <Grid x:Name="WhatIsGreenWorld" d:IsHidden="True">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <TextBlock Text="What is Green World"
                           FontSize="24"
                           Margin="10"
                           Foreground="White"
                           HorizontalAlignment="Center"
                           FontFamily="Segoe UI" />
                <StackPanel Grid.Row="1">
                    <TextBlock Text="   GreenWorld is an online multiplayer game, concerning world's biggest ecological and health problems."
                               TextWrapping="Wrap"
                               Foreground="White"
                               Grid.Row="1"
                               FontSize="14"
                               Margin="5"
                               FontFamily="Segoe UI" />
                    <TextBlock Text="   It brings you in a world with presence of rubbish and diseases – our world, unfortunately. As an online player, you will take part into global partnership, where you help cleaning the surroundings and make people living in harmony with nature from now on.  You connect with your friends to take charge of the world and make it a better place."
                               TextWrapping="Wrap"
                               Foreground="White"
                               Grid.Row="1"
                               FontSize="14"
                               Margin="5"
                               FontFamily="Segoe UI" />
                    <TextBlock Text="   Your character is either girl or boy, both kids. During the game, you, respectively your character, being still a kid, will learn how to recycle rubbish correctly, valuable information about this process and its feasible effect on nature. Likewise, the kid will constantly come upon interesting facts about our world, animals and nature, as well as positive influence of herbs on human body. Its reasoning faculties will be stimulated with a quiz. You will get experience and earn badges that will help you take part in global event for building treatment plant, windmill, solar panel, putting signs, encouraging people to take care of nature, planting a tree and etc."
                               TextWrapping="Wrap"
                               Foreground="White"
                               Grid.Row="1"
                               FontSize="14"
                               Margin="5"
                               FontFamily="Segoe UI" />
                    <TextBlock Text="   You can send your friends a message all over the game and you can share your results with him via Facebook."
                               TextWrapping="Wrap"
                               Foreground="White"
                               Grid.Row="1"
                               FontSize="14"
                               Margin="5"
                               FontFamily="Segoe UI" />
                </StackPanel>
            </Grid>

            <Grid x:Name="GettingStarted" d:IsHidden="True" Visibility="Collapsed">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>
                    <TextBlock Text="Getting Started"
                               FontSize="24"
                               Margin="10"
                               Foreground="White"
                               HorizontalAlignment="Center"
                               FontFamily="Segoe UI" />
							   
							   <TextBlock FontSize="14" Grid.Row="1" TextWrapping="Wrap" FontFamily="Segoe UI" Foreground="White">
							   	<Run Text="To move the player over the map, you use the arrow keys on the keyboard. You can also drag the map using the mouse left button. When you hover over the objects on the map you see information about them. When you encounter rubbish a window appears where you have to drag the rubbish to the right bin. You can also see the bin’s content by clicking on them. When you recycle you gather experience and earn badges. The experience is represented by a treelike shape filling with yellow color, located on the right. When you recycle you see how much experience you have received and you also earn health – represented by a filling heart shape on the right. On the top of the screen you have quick buttons for browsing through the Quests and Badges. When you click on the arrows they become visible. By clicking on the green arrow in the middle you can show and hide the main drop down menu. From there you can start the quiz, the tutorial and the see more information about the registered player, see the quests and badges. When playing in multiplayer you also will track the team activity in this dropdown."
								/>
							   </TextBlock>

                </Grid>

                <Grid x:Name="HowToPlay" Visibility="Collapsed">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>
                    <TextBlock Text="How to Play"
                               FontSize="24"
                               Margin="10"
                               Foreground="White"
                               HorizontalAlignment="Center"
                               FontFamily="Segoe UI" />
					<TextBlock Grid.Row="1" TextWrapping="Wrap" Foreground="White" 
					           FontFamily="Segoa UI" FontSize="14">
						<Run Text="  Your recycling activity is placed in the right part of the screen where every bin has its own color. When you pick up rubbish you have to choose from one of these recycling types. After you have found the right answer the object is added to the right bin and the shape showing your activity will indicate that the bin has one more objects in it." />
						<LineBreak />
						<Run Text="
In the bottom right corner is the chat. By clicking ‘Show chat’ button you open the chat window and type your message. " />
<LineBreak />

					</TextBlock>
                </Grid>

                <Grid x:Name="PlayingTogether" Visibility="Collapsed">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <TextBlock Text="Playing Together"
                               FontSize="24"
                               Margin="10"
                               Foreground="White"
                               HorizontalAlignment="Center"
                               FontFamily="Segoe UI" />
							   <TextBlock  TextWrapping="Wrap" Foreground="White" 
					           FontFamily="Segoa UI" FontSize="14" Grid.Row="1" Text="When you hover over another player you see his name and a ‘connect’ button. When you press this button you can request to connect with this player. He will have to return you a response. When you are connected you can take more advanced quests. 
In the quests window each quest has a set of required badges."/>

<StackPanel Grid.Row="2" Orientation="Horizontal">
  <TextBlock Margin="0,10"  TextWrapping="Wrap" Foreground="White" 
					           FontFamily="Segoa UI" FontSize="14" 
							   Text="When you start a quest may not have all these badges. All the players on the map with whom you have connected will receive a Join Quest request. If they choose to join your quest (like building a water treatment plant) they give you their badges and when you have gathered the needed badges you will proceed with your quest. All the players on the map with whom you are not still connected will receive a message describing your initiative and will return you feedback with their comments.
"  Width="430" />
<Image Source="../images/events/WaterPlant.png" Margin="40" Height="120" Width="160"/>
</StackPanel>
                </Grid>

                <Grid x:Name="TheLateGame" Visibility="Collapsed">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
					
					<Grid.Background>
    		<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    			<GradientStop Color="#FF85BACA" Offset="0"/>
    			<GradientStop Color="#FFA8DDED" Offset="1"/>
    			<GradientStop Color="#FFA8DDED" Offset="0.3"/>
    		</LinearGradientBrush>
    	</Grid.Background>
					
					<Path Data="M176.31192,62.942989 C177.40176,62.942989 178.28653,63.329708 178.96622,64.103149 C179.6459,64.876587 179.98575,65.849251 179.98575,67.021126 L179.98575,68.374641 C179.98575,69.862938 179.63126,71.05825 178.92227,71.960602 C178.21329,72.862946 177.2963,73.314117 176.1713,73.314117 C174.9877,73.314117 174.06192,72.886383 173.39394,72.030907 C172.72597,71.175438 172.39198,69.956688 172.39198,68.374641 C172.39198,66.687149 172.73769,65.359985 173.42909,64.393188 C174.12051,63.426388 175.08145,62.942989 176.31192,62.942989 z M129.97699,62.942989 C132.6606,62.942989 134.0024,64.624634 134.0024,67.987915 C134.0024,71.538727 132.67232,73.314117 130.01215,73.314117 C127.22308,73.314117 125.82855,71.585602 125.82856,68.128548 C125.82855,66.476204 126.19183,65.198853 126.91839,64.296509 C127.64496,63.394161 128.66449,62.942989 129.97699,62.942989 z M153.63606,58.812103 C151.35091,58.812111 149.76886,60.030869 148.88995,62.468372 L148.81964,62.468372 L148.81964,59.128517 L143.26494,59.128517 L143.26494,77.128586 L148.81964,77.128586 L148.81964,68.532852 C148.81964,67.009415 149.15948,65.805305 149.83917,64.920532 C150.51888,64.035767 151.46223,63.59338 152.66927,63.593372 C153.55989,63.59338 154.33919,63.775024 155.00716,64.138298 L155.00716,59.023048 C154.67903,58.882423 154.222,58.812111 153.63606,58.812103 z M130.08246,58.689056 C127.0473,58.689064 124.63909,59.529888 122.85783,61.211529 C121.07658,62.893185 120.18595,65.22229 120.18595,68.198868 C120.18595,71.081688 121.04436,73.363922 122.76116,75.045563 C124.47795,76.727219 126.83636,77.568039 129.83636,77.568039 C132.88326,77.568039 135.28267,76.700851 137.03464,74.966461 C138.78659,73.232086 139.66257,70.87075 139.66257,67.882454 C139.66257,65.116821 138.81296,62.893185 137.11374,61.211529 C135.41451,59.529888 133.07076,58.689064 130.08246,58.689056 z M185.3414,52.751457 L185.43498,52.773422 C185.43498,52.773422 185.41328,52.768326 185.3726,52.758781 z M184.07904,52.455166 L184.56705,52.569702 C184.82744,52.630821 185.04442,52.681747 185.19629,52.7174 L185.3414,52.751457 z M183.26649,52.26445 L184.07904,52.455166 L183.67743,52.360909 z M83.059998,51.921463 L89.686966,77.128586 L96.243622,77.128586 L100.53269,60.95665 C100.73191,60.218369 100.88425,59.275005 100.98973,58.126564 L101.06004,58.126564 C101.10691,59.169537 101.24167,60.1129 101.46433,60.95665 L105.64793,77.128586 L111.94092,77.128586 L118.60303,51.921463 L112.87255,51.921463 L109.39208,68.74379 C109.19286,69.693016 109.0698,70.630524 109.02294,71.556305 L108.95262,71.556305 C108.83543,70.372711 108.70067,69.47036 108.54835,68.849258 L104.41746,51.921463 L98.335426,51.921463 L93.765091,68.638313 C93.47213,69.704735 93.302208,70.68911 93.255341,71.591461 L93.149857,71.591461 C93.079552,70.38443 92.968224,69.423485 92.81588,68.708633 L89.265076,51.921463 z M181.23622,51.787918 L181.63782,51.882175 C181.96329,51.958572 182.31046,52.040054 182.65762,52.121536 L183.26649,52.26445 z M179.97386,51.491623 L181.23622,51.787918 L180.7482,51.673378 C180.48782,51.612259 180.27084,51.561333 180.11896,51.525684 z M179.88028,51.469658 C179.88028,51.469658 179.90198,51.474754 179.94266,51.484299 L179.97386,51.491623 z M157.59164,50.480049 L157.59164,77.128586 L163.14635,77.128586 L163.14635,50.480049 z M152.3712,12.433446 C151.48058,12.433447 150.71007,12.802583 150.05968,13.540854 C149.4093,14.279125 149.01379,15.199034 148.87317,16.300587 L155.50011,16.300587 C155.50011,13.722492 154.45714,12.433447 152.3712,12.433446 z M132.89458,12.433446 C132.00395,12.433447 131.23344,12.802583 130.58305,13.540854 C129.93266,14.279125 129.53716,15.199034 129.39653,16.300587 L136.02347,16.300587 C136.02347,13.722492 134.98051,12.433447 132.89458,12.433446 z M175.36345,8.689353 C179.34781,8.6893578 181.34,11.161981 181.34,16.10722 L181.34,27.128551 L175.8029,27.128551 L175.8029,17.126741 C175.8029,14.337718 174.80681,12.943206 172.81462,12.9432 C171.85368,12.943206 171.06267,13.312342 170.44159,14.050609 C169.8205,14.788883 169.50995,15.726371 169.50995,16.863079 L169.50995,27.128551 L163.95526,27.128551 L163.95526,9.1288004 L169.50995,9.1288004 L169.50995,11.976418 L169.58026,11.976418 C170.90446,9.7850466 172.8322,8.6893578 175.36345,8.689353 z M152.40636,8.689353 C155.03136,8.6893578 157.06161,9.4686441 158.49716,11.027217 C159.93271,12.585789 160.65048,14.700994 160.65048,17.372833 L160.65048,19.710686 L148.90833,19.710686 C149.09583,22.323936 150.74229,23.630558 153.84776,23.630552 C155.82823,23.630558 157.56845,23.161816 159.06845,22.224323 L159.06845,26.23209 C157.40439,27.122698 155.24229,27.568005 152.58214,27.567999 C149.6759,27.568005 147.42004,26.762352 145.81458,25.151045 C144.20911,23.53974 143.40637,21.2927 143.40637,18.409924 C143.40637,15.421687 144.27356,13.054532 146.00793,11.308457 C147.74231,9.5623932 149.87511,8.6893578 152.40636,8.689353 z M132.92973,8.689353 C135.55473,8.6893578 137.58499,9.4686441 139.02054,11.027217 C140.45609,12.585789 141.17386,14.700994 141.17386,17.372833 L141.17386,19.710686 L129.43169,19.710686 C129.61919,22.323936 131.26567,23.630558 134.37114,23.630552 C136.35159,23.630558 138.09183,23.161816 139.59183,22.224323 L139.59183,26.23209 C137.92776,27.122698 135.76567,27.568005 133.10551,27.567999 C130.19926,27.568005 127.94341,26.762352 126.33795,25.151045 C124.73248,23.53974 123.92975,21.2927 123.92975,18.409924 C123.92975,15.421687 124.79694,13.054532 126.53131,11.308457 C128.26569,9.5623932 130.39848,8.6893578 132.92973,8.689353 z M98.072311,1.5 C100.74418,1.5000057 103.09964,1.8691406 105.1387,2.6074085 L105.1387,7.9335041 C103.19339,6.8085251 100.81449,6.2460327 98.001999,6.2460346 C95.646538,6.2460327 93.727592,7.0106697 92.245178,8.5399427 C90.762756,10.069221 90.021545,12.111186 90.021545,14.665843 C90.021545,17.255646 90.686584,19.259525 92.01667,20.677479 C93.346733,22.095423 95.142632,22.804398 97.40435,22.804398 C98.763718,22.804398 99.841835,22.611042 100.63871,22.224323 L100.63871,17.302515 L95.593803,17.302515 L95.593803,12.767426 L106.31644,12.767426 L106.31644,25.441082 L105.31396,25.917568 L106.73836,25.964413 L110.67538,26.197077 L110.67538,9.1288004 L116.23006,9.1288004 L116.23006,12.468606 L116.30036,12.468606 C117.17928,10.031137 118.7613,8.8124037 121.04646,8.8123999 C121.63239,8.8124037 122.08942,8.8827152 122.41754,9.0233335 L122.41754,14.138508 C121.74958,13.775226 120.97028,13.593588 120.07965,13.593594 C118.87263,13.593588 117.92928,14.035964 117.24959,14.92072 C116.5699,15.805471 116.23006,17.009556 116.23006,18.53297 L116.23006,26.693851 L119.10104,27.017588 C154.12161,31.447651 170.91814,46.540375 179.82797,51.443085 L179.88028,51.469658 L179.88028,61.185165 L179.80997,61.185165 C178.8959,59.521099 177.27872,58.689064 174.9584,58.689056 C172.50917,58.689064 170.5287,59.585552 169.01698,61.378532 C167.50526,63.171505 166.74939,65.556274 166.74939,68.532852 C166.74939,71.380524 167.43495,73.598297 168.80605,75.186188 C170.17714,76.774094 171.98769,77.568039 174.2377,77.568039 C176.68692,77.568039 178.54434,76.595383 179.80997,74.650063 L179.88028,74.650063 L179.88028,77.128586 L185.43498,77.128586 L185.43498,52.773422 L185.71893,52.690689 C225.10846,33.981918 274.91513,32.394978 306.27744,48.1036 C314.67218,52.308327 326.45303,40.640648 337.94849,37.753578 C358.55374,32.578552 370.73141,30.579533 426.72211,41.981049 C434.3851,43.541458 429.09979,45.508018 449.60724,38.45414 C465.77206,32.893982 533.54047,16.166252 597.47858,67.09304 C600.34045,69.372528 602.20111,65.186813 611.74878,61.518391 C634.65399,52.717655 664.68933,46.443497 701.49976,54.857399 C704.80176,55.612167 703.0036,53.244171 715.31787,47.459225 C733.98334,38.69072 737.54303,32.765163 748.6507,33.681736 C807.5769,38.544167 778.86523,187.61198 775.84796,279.18143 L76.286575,279.46924 C79.308044,54.716869 61.176476,116.34306 79.311813,31.829765 C82.418129,17.353876 74.983894,26.892214 86.567009,26.170246 L90.151054,25.996695 L89.466187,25.674538 C88.774414,25.253767 88.136299,24.762867 87.551826,24.201843 C85.213943,21.957729 84.044998,18.866953 84.045006,14.929503 C84.044998,10.968623 85.322342,7.7401524 87.877022,5.2440929 C90.431702,2.7480354 93.830132,1.5000057 98.072311,1.5 z" 
			HorizontalAlignment="Stretch" Margin="-9.614,17.7,-12.564,-3.5" 
              Opacity="1"  Grid.RowSpan="3" Stretch="Fill" Stroke="Transparent" StrokeThickness="3" 
              UseLayoutRounding="False" VerticalAlignment="Stretch">
						<Path.Fill>
							<RadialGradientBrush RadiusX="0.800000011920929">
								<GradientStop Color="#FFD1E778"/>
								<GradientStop Color="#FF4A6305" Offset="1"/>
								<GradientStop Color="#FFABC257" Offset="0.064"/>
							</RadialGradientBrush>
						</Path.Fill>
					</Path>
					
                    <TextBlock Text="The Late Game"
                               FontSize="24"
                               Margin="10"
                               Foreground="White"
                               HorizontalAlignment="Center"
                               FontFamily="Segoe UI" />

					<TextBlock Grid.Row="2" TextWrapping="Wrap"
					 FontFamily="Segoa UI" FontSize="14" 
					 Foreground="#FFFBFBFB" Margin="0,-78,-1,8" HorizontalAlignment="Right" Width="307" d:LayoutOverrides="Height" >
					<Run FontWeight="Bold" FontSize="24"  Text="Take Action!"/>
					<LineBreak />
					<Run FontStyle="Italic" FontSize="15" Text="Our lives begin to end the day we become silent about things that matter."/>
					<LineBreak />
					<Run Text="– Martin Luther King Jr." Foreground="Orange"  />
					</TextBlock>
					
					<TextBlock Grid.Row="2" TextWrapping="Wrap"
					 FontFamily="Segoa UI" FontSize="14" 
					 Foreground="#FFFBFBFB" Margin="0,0,277.800836181641,0" VerticalAlignment="Bottom" >
					
					<Run FontStyle="Italic" FontSize="15" Text="Be the change you want to see in the world"/>
					<LineBreak />
					<Run Text="– Mahatama Gandhi" Foreground="Orange"  />
					</TextBlock>
					
					<Image Margin="13,67,0,58" Grid.Row="1" 
					Source="../images/goals.png" Width="230" HorizontalAlignment="Left"  />
					<TextBlock Foreground="White" 
					           FontFamily="Segoa UI" FontSize="12" Text="Read more about the the United Nations Millennium Development Goals"   Grid.Row="1" VerticalAlignment="Top" Margin="256,97,62,0" d:LayoutOverrides="Width" TextWrapping="Wrap"/>
					<HyperlinkButton TargetName="_blank" FontSize="12"  NavigateUri="http://www.un.org/en/events/iyof2011/"
                                     Content="here" Grid.Row="1" Margin="0,115,284,114" HorizontalAlignment="Right" d:LayoutOverrides="Height"/>
									 
									 <TextBlock Foreground="White" 
					           FontFamily="Segoa UI" FontSize="12"  Text="Learn more about the International Year of Forests, 2011"   Grid.Row="1" VerticalAlignment="Top" Margin="256,139,88.4,0" d:LayoutOverrides="Width"/>
					<HyperlinkButton TargetName="_blank" FontSize="12" NavigateUri="http://www.un.org/en/events/iyof2011/"
                                     Content="here" Grid.Row="1" Margin="0,139,60,0" HorizontalAlignment="Right" VerticalAlignment="Top"/>
                </Grid>

            </Grid>
        </Grid>
</UserControl>
